<template>
	<my-main title="询价详情" isBg  :isDep="false" isNotDep isBack @infoFun="infoFun">
		<template #default>
			<view class="orderDetails">
				<my-cell title="基本信息" isBox>
					<my-text label="客户名称" :value="ClientName" :labelWidth="labelWidth" />
					<my-text label="客户编号" :value="ClientCode" :labelWidth="labelWidth" />
				</my-cell>
				<my-cell title="询价备注" isBox>
						<up-textarea v-model="formData.InquiryDesc" placeholder="请输入内容" count autoHeight maxlength="300"></up-textarea>
				</my-cell>
				<my-cell title="询价产品" isBox>
					<my-good
						type="priceLog"
						:row="formData.good"
					 v-if="formData.good"></my-good>
					 <my-empty :height='400' text='请选择询价产品'  v-else></my-empty>
					 <view class="m-t-16">
						 <my-button type=""  @click="isShow=true">选择询价产品</my-button>
					 </view>
				</my-cell>
			</view>
		</template>
		<template #footer>
			<view class="p-16">
				<my-button  @click="">保存</my-button>
			</view>
		</template>
	</my-main>
	<SelectGood v-model="isShow" :ClientCode="ClientCode"></SelectGood>
</template>

<script lang="uts" setup>
import SelectGood from "@/pages/select/SelectGood/SelectGood.vue"
//公共状态
import { useVue  } from '@/utils/useVue.uts'
const { reactive, ref,app,Token,onMounted,watch,http,goToPage,formatDate,getTimeAgo,proxy,getDaysUntilDeadline } = useVue()
interface Props {
	ClientName?:string,
	ClientCode?:string,
}
const props = withDefaults(defineProps<Props>(), {

})
const labelWidth=ref(160)
const isShow=ref(false)
// 表单数据
const formData:any = reactive({
	
})
const options=reactive({

})

//初始运行
const infoFun = () => {
	
}
onMounted(() => {

})
</script>

<style scoped lang="scss">
.class-name {
	font-weight: bold;
}
.good-attribute {
	display: flex;
	flex-wrap: wrap;
	.good-attribute-item {
		width: calc((100% + 8rpx) / 2 - 8rpx);
		margin-bottom: 2rpx;
		&:not(:nth-child(2n)) {
			margin-right: 8rpx;
		}
	}
}
</style>
